.select {
    font-size: 12px;
    color: #5b626f;

    &.error {
        :global(.ant-select-selection) {
            border-color: #ff6f60;
        }
    }

    &.multiple {
        :global(.ant-select-selection--multiple) {
            background: url('./image/icon-dropdown-check.png') no-repeat right center;
            background-size: 26px 26px;
        }
    }

    :global(.ant-select-selection) {
        border-color: #d2e4f4;
        border-radius: 2px;
    }

    &:global(.ant-select-disabled) {

        :global(.ant-select-selection) {
            background: #e9f4fe;
        }
    }

    :global(.ant-select-selection--single) {
        height: 28px;
    }

    :global(.ant-select-selection--multiple) {
        min-height: 28px;
        padding-bottom: 0;
    }

    :global(.ant-select-selection__choice) {
        height: 20px !important;
        line-height: 18px !important;
    }

    :global(.ant-select-selection__rendered) {
        margin: 0 25px 0 6px;
        line-height: 26px;
    }

    :global(.ant-select-arrow) {
        right: 6px;
        color: #afc6ee;
    }

    :global(.ant-select-selection__clear) {
        right: 6px;
    }

    &:global(.ant-select-open) {

        :global(.ant-select-selection) {
            border-color: #619cfc;
        }

        :global(.ant-select-arrow) {
            color: #619cfc;
        }
    }

    &:global(.ant-select-focused) {

        :global(.ant-select-selection) {
            border-color: #619cfc;
        }

        :global(.ant-select-arrow) {
            color: #619cfc;
        }
    }

    :global(.ant-select-selection:focus) {
        border-color: #619cfc;

        :global(.ant-select-arrow) {
            color: #619cfc;
        }
    }

    :global(.ant-select-selection:active) {
        border-color: #619cfc;

        :global(.ant-select-arrow) {
            color: #619cfc;
        }
    }
}

.dropDown {
    border: 1px solid #619cfc;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(97, 156, 252, .4);

    &:global(.ant-select-dropdown) {
        font-size: 12px;
        color: #5b626f;
    }

    :global(.ant-select-dropdown-menu) {

        max-height: 294px;
    }

    :global(.ant-select-dropdown-menu-item) {

        &:hover {
            background: #e0edfa;
        }
    }

    :global(.ant-select-dropdown-menu-item-selected) {
        background: #e0edfa;

        &:hover {
            background: #e0edfa;
        }
    }

    :global(.ant-select-dropdown-menu-item-disabled) {
        background: #fff;

        &:hover {
            background: #fff;
        }
    }
    :global(.ant-select-dropdown-menu-item-group-title){
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}